﻿<%-- 
    Document   : findlist.jsp
    Created on : 2011-12-10, 10:48:34
    Author     : Administrator
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
    <head>
        <link href="divcss5.css" rel="stylesheet" media="screen" type="text/css" />
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css.css" />
        <script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/document/j.js" ></script>
        <link href="${pageContext.request.contextPath}/css/cont.css" rel="stylesheet" type="text/css"/>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/CountryDAO.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/ProductDAO.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/DocumentTypeDAO.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/DocumentGroupDAO.js'></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/zcms/zDialog.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/zcms/zDrag.js"></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>

        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cont_diqu.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>单证检索</title>
        <!--  <script type="text/javascript" src="../../js/jquery.ztree.excheck-3.0.js"></script>
          <script type="text/javascript" src="../../js/jquery.ztree.exedit-3.0.js"></script>-->
        <style type="text/css"> 
            *{ padding:0; margin:0; list-style-type:none;} 
            body{font-family: "宋体";font-size: 12px;} 
            #t_con1{ float:left;width:100px; line-height:25px; height:25px;color:#00F; cursor:pointer;border:1px #cccccc solid; text-align:center;} 
            #t_area1{ position:absolute;width:268px; overflow:hidden; border:1px #cccccc solid; background-color:#ffffff; top:23px; left:0;padding-bottom:10px;display:none; } 
            #t_area1 ul{} 
            #t_area1 li{ width:60px; height:25px; float:left; display:inline; text-align:center; line-height:25px; margin:4px auto auto 5px; } 
            #t_area1 li a:link,#t_area1 li a:visited{ color:#444444; text-decoration:none;} 
            #t_area1 li a:hover,a:active{ color:#ff0000; text-decoration:none;} 

            #t_con2{ float:left;width:100px; line-height:25px; height:25px;color:#00F; cursor:pointer;border:1px #cccccc solid; text-align:center;} 
            #t_area2{ position:absolute;width:268px; overflow:hidden; border:2px #cccccc solid; background-color:#ffffff; top:20px; left:0;padding-bottom:10px;display:none; } 
            #t_area2 ul{} 
            #t_area2 li{ width:60px; height:18px; float:left; display:inline; text-align:center; line-height:25px; margin:4px auto auto 5px; } 
            #t_area2 li a:link,#t_area2 li a:visited{ color:#444444;text-decoration:none;} 
            #t_area2 li a:hover,a:active{ color:#ff0000; text-decoration:none;} 
        </style>

        <style type="text/css"> 
            #t_area {
                filter: e&shy;xpression(document.execCommand("BackgroundImageCache", false, true));
            }


            *{ padding:0; margin:0; list-style-type:none;} 
            body{font-family: "宋体";font-size: 12px;} 
            #t_con{  float:left;width:96px;height:22px; background:url(images/sousuo_diqu.jpg) no-repeat right center;line-height:20px; color:#00F; cursor:pointer; margin:0px auto 0 auto; border:1px #cccccc solid; background:#ffffff} 
            #t_area{ width:268px; overflow:hidden; border:1px #cccccc solid; background-color:#F1F9FC; display:none; height:auto; min-height:300px;_height:300px;position:absolute; left:0px;top:30px;  width:550px; height:auto; border:1px solid #cccccc; background:#ffffff; z-index:1; padding-left:30PX} 
            #t_area ul{ margin:5px 0; padding:0} 
            #t_area li{ z-index:-1;width:60px; height:30px; line-height:30px;float:left; display:inline; text-align:center;margin:4px 0 0 5px; } 
            #t_area li a{ z-index:-1; display: block;color:#444444; text-decoration:none;height:30px; line-height:30px; text-align:center;} 
            #t_area li a:hover,a:active{ z-index:-1;display: block;color:#ff0000;height:30px; line-height:30px;;text-align:center;} 
            #liuhanning{position:absolute; top:25px; left:-30px; margin:0;padding:0;width:140px; height:auto; border:1px solid #A3A3A3; background:#ffffff; z-index:1000!important}
            #liuhanning ul li{width:60px; margin:0;padding:0; white-space:nowrap; white-space:nowrap; float:left;height:30px; line-height:30px; z-index:1000!important}
            #liuhanning ul li a:link,#liuhanning ul li a:visited{ display:block; background:#ffffff;padding:0 2px 0 2px; width:auto; font-weight:200; margin:0;height:24px; text-align:center;line-height:24px; z-index:1000!important}
            #liuhanning ul li a:hover{display:block;padding:0 2px 0 2px; background:#FFFFFF;width:auto;height:24px;margin:0;font-weight:200; text-align:center; color:#ff0000; z-index:1000!important}
			
			
			
			
        </style> 
        <script type="text/javascript"> 
            function showarea(){ 
                var con = document.getElementById("t_area"); 
                var arealist = con.getElementsByTagName("li"); 
                var g = document.getElementById("t_con") 
                con.style.display = "block"; 
                for (var i=0;i<arealist.length;i++){ 

                    arealist[i].onclick = function(){ 
                        g.innerHTML = this.innerHTML ; 
                        con.style.display = "none"; 
                    } 
                } 
            } 
            function offarea(){ 
           
                var con = document.getElementById("t_area"); 
                $("#t_area").css("display","none");
            } 
            var timer; 
        </script> 
        <script type="text/javascript"> 
            function showarea1(){ 
                var con = document.getElementById("t_area1"); 
                var arealist = con.getElementsByTagName("li"); 
                var g = document.getElementById("t_con1") 
                con.style.display = "block"; 
                for (var i=0;i<arealist.length;i++){ 
                    arealist[i].onclick = function(){ 
                        g.innerHTML = this.innerHTML ; 
                        con.style.display = "none"; 
                    } 
                } 
            } 
            function offarea1(){ 
                var con = document.getElementById("t_area1"); 
                con.style.display = "none"; 
            } 
            var timer1; 
        </script> 

        <script>

            function check()
            {
                var g = document.getElementById("t_con").innerText ;
                var g1 = document.getElementById("t_con1").innerText ;
                document.getElementById("document.countryName").value=g;
                document.getElementById("document.typeName").value=g1;
                document.form.submit();
            }
            
        </script>
        <script>  
            var menuids=["suckertree1"]

            function buildsubmenus(){
                for (var i=0; i<menuids.length; i++){
                    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
                    for (var t=0; t<ultags.length; t++){
                        ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
                        ultags[t].parentNode.onmouseover=function(){
                            this.getElementsByTagName("ul")[0].style.display="block"
                        }
                        ultags[t].parentNode.onmouseout=function(){
                            this.getElementsByTagName("ul")[0].style.display="none"
                        }
                    }
                }
            }

            if (window.addEventListener)
                window.addEventListener("load", buildsubmenus, false)
            else if (window.attachEvent)
                window.attachEvent("onload", buildsubmenus)
        </script>
        <script type="text/javascript">
            function nav(id){
                document.getElementById('text').innerHTML= document.getElementById(id).innerHTML

            };
        </script>

        <style type="text/css">
            /* common styling */
            .menu {font-family: arial, sans-serif; width:100px; position:relative; margin:0; font-size:12px;}
            .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#cccccc; line-height:20px; font-size:12px; overflow:hidden;}
            .menu ul {padding:0; margin:0;list-style-type: none; }
            .menu ul li {float:left; position:relative;margin-right:1px; position:relative;}
            .menu ul li ul {display: none;}
            /* specific to non IE browsers */
            .menu ul li:hover a {color:#fff; background:#36f;}
            .menu ul li:hover ul {display:block; position:absolute; width:300px; height:auto; padding-bottom:20px; top:20px; left:0; border:1px solid #cccccc}
            .menu ul li:hover ul li a.hide {background:#ffffff; color:#ff0000;}
            .menu ul li:hover ul li:hover a.hide {background:#ffffff; color:#000;}
            .menu ul li:hover ul li ul {display: none;}
            .menu ul li:hover ul li a {display:block; background:#ffffff; color:#000; padding:5px}
            .menu ul li:hover ul li a:hover {background:#ffffff; color:#000;}
            .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
            .menu ul li:hover ul li:hover ul.left {left:-105px;}
        </style>
        <!--[if lte IE 6]>
        <style type="text/css">
        .menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
        .menu ul li a:hover ul li a.hide {display:none;}
        .menu ul li a:hover {color:#000000; background:#ffffff;border:1px solid #cccccc}
        .menu ul li a:hover ul {display:block; position:absolute; top:21px; left:80; width:300px;border:1px solid #cccccc}
        .menu ul li a:hover ul li a.sub {background:#ffffff; color:#000000;}
        .menu ul li a:hover ul li a {display:block; background:#ffffff; color:#000;}
        .menu ul li a:hover ul li a ul {visibility:hidden;}
        .menu ul li a:hover ul li a:hover {background:#ffffff; color:#000;}
        .menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
        .menu ul li a:hover ul li a:hover ul.left {left:-105px;}
        </style>
        <![endif]-->

        <script type="text/javascript">
            function dd(id){
                document.getElementById('tst_l').innerHTML= document.getElementById(id).innerHTML

            };
        </script>




    </head>
    <body>
        <div class="page">
            <s:include value="/top.jsp"/>

            <!--首页开始-->
            <div class="cont">
                <div class="lb_select"  style="position:relative">
                    <s:form action="findlist" namespace="/document" method="post" theme="simple" id="form">
                        
						<table style="width:900px; margin-top:-4px">
						<tr>
						<TD>选择地区：</TD>
						<td>
						<div id="t_con" onMouseOver="showarea();clearTimeout(timer)" onMouseOut="timer=setTimeout('offarea()',200);">${document.countryName}</div>
                        <div  id="t_area" onMouseOver="showarea()" onMouseOut="offarea();clearTimeout(timer)"> 

                            <ul>

                                <s:iterator value="clist" var="c" status="u">

                                    <div style=" float:left; width:auto; height:auto;position:relative">

                                        <li id="lhn_nav${u.index}"  style="z-index:-1000"><a href="#"  style="z-index:-1000">${c.name}</a></li>
                                        <s:if test="#c.list!=null">
                                            <div class="t_con_div${u.index}" style="display:none;z-index:2000" id="liuhanning">
                                                <s:iterator value="#c.list" var="c2">

                                                    <ul style="z-index:2000">
                                                        <li style="z-index:2000"><a href="#" style="z-index:2000">${c2.name}</a></li>
                                                    </ul>
                                                </s:iterator></div></s:if>
                                        </div>

                                </s:iterator>

                            </ul>

                        </div>
						</td>
						<TD>选择单证：</TD>
						<td>
						 <div style="position:relative; float:left; width:100px; height:30px; margin-top:3px">
                            <div id="t_con1" style="background:#ffffff; height:23px; line-height:23px" onMouseOver="showarea1();clearTimeout(timer1)" onMouseOut="timer1=setTimeout('offarea1()',200);">${document.typeName}</div> 
                            <div id="t_area1" onMouseOver="showarea1()" onMouseOut="offarea1();clearTimeout(timer1)"> 
                                <s:iterator value="propertyList" var="c" status="u">
                                    <ul> 
                                        <li><a href="#">${c.name}</a></li> 

                                    </ul> 
                                </s:iterator>
                            </div> 
                        </div>
						</td>
						<TD>单证性质：</TD>
						<td>
						 <div class="suckerdiv">
                        <ul id="suckertree1" style="width:100px; background:none; margin-top:-12px">
                            <li><a href="#" id="text" style="background:#ffffff;height:18x; border:1px solid #cccccc; color:#444444"></a>
                                <s:iterator value="propertyList" var="p" status="u">  <ul style="margin:-2px 0 0 5px; padding-bottom:20px">

                                        <li style="z-index:-${u.index+1}"><a href="#" style="height:25px; line-height:25px">${p.name}</a>
                                            <ul>
                                                <s:iterator value="#p.list" var="pp" status="uu" >

                                                    <li><a href="#" id="font${uu.index}" style="height:25px; line-height:25px" onClick="nav('font${uu.index}')">${pp.name}</a></li>


                                                </s:iterator>
                                            </ul>
                                        </li>
                                    </ul></s:iterator>
                                </li>
                            </ul>
                            </div>
						</td>
						<TD>选择产品：</TD>
						<td>
						<div class="menu">
                                <ul>
                                    <li><a class="hide" href="#" id="tst_l" style="background:#ffffff; border:1px solid #cccccc; color:#000000">产品</a>
                                        <!--[if lte IE 6]>
                                        <a href="#" id="tst_l">DEMOS
                                        <table><tr><td>
                                        <![endif]-->
                                    <s:iterator value="proList" var="x">
                                        <s:iterator value="#x.produceObjlist" var="ppp" status="uuu">
                                            <ul style="margin:-2px 0 0 5px; padding-bottom:20px; background:#ffffff">
                                                <li><a href="#" id="dingdanx${uuuu.index}"  onclick="dd('dingdanx${uuuu.index}')">${ppp.name}</a>
                                                    <!--[if lte IE 6]>
                                                    <a class="sub" href="#">HOVER/CLICK >
                                                    <table><tr><td>
                                                    <![endif]-->
                                                    <s:iterator value="#ppp.list" var="pppp" status="uuuu">
                                                        <ul style="z-index:1000; background:#ffffff; top:20px; left:80px">
                                                            <li><a href="#" id="dingdan${uuuu.index}" onClick="dd('dingdan${uuuu.index}')">${pppp.name}</a></li>

                                                        </ul></s:iterator>
                                                        <!--[if lte IE 6]>
                                                        </td></tr></table>
                                                      </a>
                                                      <![endif]-->
                                                    </li>
                                                </ul>
                                        </s:iterator></s:iterator>
                                        </div>
						</td>
						<td>
						<img onClick="check();" src="${pageContext.request.contextPath}/images/lb_select_anniu.jpg"/>
						</td>
						</tr>
						</table>
                         </s:form>

                    </div>

                    <!--                <div class="lb_select_huitui">首页 &gt;&gt; 产品目录 &gt;&gt; 工业设备及组件 &gt;&gt; 净化过滤和水处理设备 &gt;&gt; 过滤机，过滤器</div>
                    --><div class="lb_cont">
                        <div class="lb_select_inf"> <span>共有<font style="color:#E9503E; font-weight:bold">${pageBean.allRow}</font>个产品</div>
                                <s:iterator value="pageBean.list" var="dc" status="u">
                            <div class="lb_cont_1">
                                <div class="lb_cont_1_left">
                                    <ul>
                                        <li class="lb_cont_1_li1"><a href="#">单证格式名称：${dc.name}</a><font>&nbsp;&nbsp; [单证类型]:${dc.documentType.name}</font></li>
                                        <li>单证特点：${dc.feature}</li>
                                        <li>作用：${dc.useful}</li>
                                        <li class="lb_cont_1_li2">产品：${dc.product.name} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 采购国：${dc.country.name}</li>
                                    </ul>
                                </div>
                                <div class="lb_cont_1_right"><a href="${pageContext.request.contextPath}/document/show.action?document_id=${dc.id}"><img src="${pageContext.request.contextPath}/images/lb_ent.jpg"/></a></div>
                            </div>
                        </s:iterator>

                    </div>


                </div>
                <s:include value="/common/page.jsp"/>
                <s:include value="/bottom.jsp"/>
            </div>

            <!--首页结束-->

        </div>
        <!-- /header -->
        <div class="w960"> </div>
        <!-- /flink -->
        <!-- //底部模板 -->
        <div id="js">
            <script type="text/javascript" src="common.js"></script>
            <script type="text/javascript" src="scroll.js"></script>
            <div id="go_top_bottom"><a href="javascript:void(0);" id="go_top" style="display: block;">去顶部</a> <a href="javascript:void(0);" id="go_bottom">去底部</a></div>
        </div>
        <div id="menuContent" class="menuContent" style="display:none; position: absolute;">
            <ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
        </div>
        <!-- /footer -->
    </body>
</html>
